
/*
 * style declarations for the nodes
 */

/* KQBNode specifies the style of a node */
div.KQBNode 	{  position: absolute; top: 100px; left: 100px; width: 90px; height: 42px; margin: 5px; background-color: white; -moz-border-radius: 8px; -webkit-border-radius: 8px 8px; border-radius: 8px 8px; }
/* the node's border when the node is displayed normal */
div.KQBNodeContentShown { border: 1px solid black; }
/* the node's border when the node's content is hidden */
div.KQBNodeContentHidden { border: 1px solid black; }

/* styles to define different colors for different node types */
div.KQBNodeVariable { background-color: #00DD00}
div.KQBNodeResource { background-color: #BFE5BF}
div.KQBNodeQualifier { background-color: #80CD80}
div.KQBNodeOperator { background-color: #40A340}
div.KQBNodeOther { background-color: #8BC53E} /* the green kiwi color: #8BC53E */

/* color for highlighted variables */
div.KQBHighlightVar { background-color: #00FFFF}

/* node labels */
div.KQBLabel 	{ color: blue; text-align: center; height: 20px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px 6px; -webkit-border-top-right-radius: 6px 6px; border-top-left-radius: 6px 6px; border-top-right-radius: 6px 6px;  }
/* border for node labels when the node is fully shown */
div.KQBLabelContentShown { border-bottom: 1px solid black; }
/* border for node labels when the node's content is hidden */
div.KQBLabelContentHidden { border: none; -moz-border-radius: 6px; -webkit-border-radius: 6px 6px; border-radius: 6px 6px; }

/* style for the separator line in RULE nodes */
div.KQBSeparator { position: relative; left: 50%; height: 66%; width: 5px; background-color: #EE6523; }

/* border styles for different highlights. these get used when a node is dragged over another node or a label
 * there are three ways: HighlightRed is the color to use when dropping is not allowed,
 * HighlightGreen when dropping is allowed, and HighlightOrange when dropping is allowed on the node but not
 * on the current mouse position
 */
div.KQBHighlightRed { border: 1px solid red }
div.KQBHighlightGreen { border: 1px solid green }
div.KQBHighlightOrange { border: 1px solid orange }

/* styles to use for nodes and labels when the node has an error or warning associated with it */
div.KQBNodeError {}
div.KQBNodeWarning {  }
div.KQBLabelError { background-color: #DA1818; color: white;  }
div.KQBLabelWarning { background-color: #FF9900;  }

/* text style for node labels */
.KQBLabelText {  font-size: 11pt;  text-decoration: none; cursor:pointer; }
/* small text style for node labels, to fit longer node names into the label */
.KQBLabelTextSmall {  font-size: 8pt; }
/* style for the text in the expand box in the upper right of some nodes */
.KQBExpandText { color: green; cursor:pointer; }
/* style for the expand box in the upper right of some nodes */
.KQBLabelResizeBox {  height:20px; padding: 0px; margin: 0px; width: 25px; border-left:1px solid black; text-align: center; color: green; cursor: pointer; background-image:url("arrow.gif"); background-position: 0px 3px; background-repeat: no-repeat; }
/* style for textboxes within nodes */
input.KQBTextBox { -moz-border-radius: 5px 5px; -webkit-border-radius: 5px 5px; border: 1px solid white; position: relative; left: 2px; top: 2px; height: 14px; width: 84px; margin:0px 0px 0px 0px; padding:0px 0px 1px 0px;  }

/* styles for tooltips */
div.KQBTooltipNormal { position: absolute; display: none; padding-top: 1px; padding-bottom: 1px; padding-left: 3px; padding-right: 3px; max-width: 200px; border: 1px solid black; background-color: green; color: white; z-index: 9999; }
div.KQBTooltipError { position: absolute; display: none; padding-top: 1px; padding-bottom: 1px; padding-left: 3px; padding-right: 3px; max-width: 200px; border: 1px solid black; background-color: #DA1818; color: white; z-index: 9999; }
div.KQBTooltipWarning { position: absolute; display: none; padding-top: 1px; padding-bottom: 1px; padding-left: 3px; padding-right: 3px; max-width: 200px; border: 1px solid black; background-color: orange; color: black; z-index: 9999; }




/*
 * style declarations for the editor page
 */
div#workspace 		{ width: 75%; height: 70%; background-color: rgb(220,255,220); }
div#tooltippane		{ width: 75%; height: 40px; overflow: auto; background-color: rgb(220,255,220); }
span#hintpane 		{ width: 100%; height: 35px; overflow: auto; background-color: rgb(220,255,255); color: #FF5500; float: left; }
span#resizearea         { margin: 0px; padding: 0px; width: 35px; height: 35px; background-color: orange; float: right; cursor: move; background-image:url("movepointer.gif"); background-position: 6px 6px; background-repeat: no-repeat; }
outputerror		{ color: red }

table#outputtable	{ width: 75%; table-layout:fixed; }
table#outputtable td.left { width: 50px; }

table#outputtable td#outputpane 	{ background-color: rgb(220,255,220);  }
table#outputtable .outputerror 		{ color:red; }
table#outputtable td#debugpane		{ background-color: rgb(220,255,220) }


/*
 * the following is for the dropdown menu on the KQB page
 */


p a:link,
p a:visited,
p a:hover,
p a:active
	{ font-weight:bold; color:#ffffff; }

ul#menulevel1
	{ list-style:none;  height:20px; font:normal 11pt verdana, arial, helvetica; z-index: 1000; }
ul#menulevel1 li
	{  display:block; float:left; position:relative; width:140px;  z-index: 1000;}
ul#menulevel1 li a:link,
ul#menulevel1 li a:visited
	{display:block; text-align:center; text-decoration:none; background:#009900; color:#ffffff; width:140px; height:20px;  z-index: 1000; }
ul#menulevel1 li:hover a,
ul#menulevel1 li a:hover,
ul#menulevel1 li a:active
	{ display:block; text-align:center; text-decoration:none; background:#00ff00; color:#ffffff; width:140px; height:20px;  z-index: 1000; }

ul#menulevel1 li ul.menulevel2
	{ list-style:none; display:none; background:#ffffff; width:100px; position:absolute; top:20px; left:0px; z-index: 1000; }
ul#menulevel1 li:hover ul.menulevel2
	{ display:block; clear:both;  z-index: 1000;}
ul#menulevel1 li ul.menulevel2 li
	{ width:140px;  z-index: 1000;}

ul#menulevel1 li ul.menulevel2 li a:link,
ul#menulevel1 li ul.menulevel2 li a:visited
	{ clear:both; background:#009900; width:140px; border:none; position:relative; z-index:1000; left: -40px;  z-index: 1000;}
ul#menulevel1 li ul.menulevel2 li:hover a,
ul#menulevel1 li ul.menulevel2 li a:active,
ul#menulevel1 li ul.menulevel2 li a:hover
	{ clear:both; background:#00ff00; width:140px; border:none; position:relative; z-index:1000; }

ul#menulevel1 li ul.menulevel2 li ul.menulevel3
	{ width: 100px; display:none; list-style:none; position:absolute; left:100px; top:0px; background:#ffffff; z-index:100; }
ul#menulevel1 li ul.menulevel2 li:hover ul.menulevel3
	{ display:block;  z-index: 100; }
ul#menulevel1 li ul.menulevel2 li ul.menulevel3 li a:link,
ul#menulevel1 li ul.menulevel2 li ul.menulevel3 li a:visited
	{ background:#009900;  z-index: 100;}
ul#menulevel1 li ul.menulevel2 li ul.menulevel3 li:hover a,
ul#menulevel1 li ul.menulevel2 li ul.menulevel3 li a:hover,
ul#menulevel1 li ul.menulevel2 li ul.menulevel3 li a:active
	{ background:#00ff00;  z-index: 100;}
ul#menulevel1 li ul.menulevel2 li a span
	{ position:absolute; top:0px; left:120px; font-size:12pt; color:#ffffff;  z-index: 1000; }
ul#menulevel1 li ul.menulevel2 li:hover a span,
ul#menulevel1 li ul.menulevel2 li a:hover span
	{ position:absolute; top:0px; left:120px; font-size:12pt; color:#ffffff;  z-index: 1000; }


#wrap {
	width:100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}


#article {
	float:left;
	position:relative;
	width:77%;
}

#articlemeta {
	float:right;
	width:23%;
}

#search_center {
	padding: 20px 20px 20px 10px;
	border-right:1px solid #8BC53E;
}

#search_right{
	margin: 20px;
}

#searchbar {
	padding-bottom: 20px;
	text-align: center;
}

#search_input {
	text-align:center;
	width:100%;
	font-size:14px;
}

#extSearch {
	text-align: left;
}

#search_size {
	background-color:#EFEFEF;
	border-top:1px solid #8BC53E;
	height:18px;
	padding-bottom:0;
	padding-right:3px;
	padding-top:4px;
	text-align:right;
}

#search_results {
	min-height:100px;
}

#resultNavigation {
	background-color:#EFEFEF;
	border-top:1px solid #8BC53E;
	margin-top:20px;
	text-align:center;
	height: 18px;
	padding-top:4px;
}

#resultNavigation span.back a {
	font-weight:bold;
	padding-right:20px;
}

#resultNavigation span a {
	color:#EE6523;
	text-decoration: none;
}

#resultNavigation span.selected {
	color:#666666;
	font-weight: bold;
}

#resultNavigation span.next a {
	font-weight:bold;
	padding-left:20px;
}

.facet_box_header {
	border-bottom: 1px solid #8BC53E;
	margin-bottom: 5px;
}

.box a {
	color:#EE6523;
}

.result_title {

}

.result_tags {
	font-size:13px;
	font-style:italic;
}

.result_author {
	font-size:10px;
}

.result_score {
	font-size:13px;
	font-style:italic;
}

.result_preview {
	
}

.highlight {
	color: white;
	background-color:#8BC53E;
	padding:2px;
}